-٤‏ خادم قاعدة البيانات : هو جهاز الكمبيوتر 
في إدارة العمليات 
:Script Cu Su‏ 
هو كود بكب باحدي لغات البرمجة المخصصة لصفحات Gull‏ لإجراء مهمة ما او 
معالجة بعض البيانات منها : 
Client-side language .١‏ التأكد من عدم ترك حقل اسم المستخدم خالي ويتم 
كتابة الكود بلغة java script — VB script‏ 
؟. Server-side language‏ التحقق من ادخال اسم المستخدم وكلمة المرور 
صحيحة ومطابقة لما هو موجود بقاعدة بيانات الخادم ويتم كتابة الكود بلغة php‏ 
ASP.net‏ — 
لغة الترميز "التكويد" HTML‏ 
” هى اللغة الستخدمة فى انام صفحات الويب السباكتة: 
> يمكن حفظ الصفحات بامتداد htm - chtml‏ 
لغ PHP‏ 
”7 هي إحدي اللغات المستخدمة في تطوير صفحات الويب الدينامكية. 
” يمكن bis‏ الصفحات بامتداد PHP.‏ 
برنامج Apache‏ : 
”ا يستخدم لتحويل جهازك الشخصي إلي جهاز خادم كي يتمكن من ترجمة الكود 
المكتوب بلغة php‏ 
> يمكن مطوري مواقع الويب من اختبار صفحات الموقع محلياً local‏ علي جهاز 
الكمبيوتر قبل رفعه علي الجهاز المضيف host‏ ليتم نشره علي الانترنت. 
نشر موقع الويب: 
يوجد طريقتان للنشر: 
-١‏ محلياً 1,002111054: يتم عرض ad pall‏ علي كمبيوتر خاص بك أو في شبكة محلية 
.Lan‏ 
-Y‏ الانترنت spublishing web site‏ يرفع الموقع علي جهاز ald‏ يسمي 
الجهاز المضيف Hosting Web Site‏ يسمح للمستخدمين بزيارة الموقع من خلال 
عنوان الموقع.]1[آ 
MySQL‏ 
هو احد تطبيقات نظم إدارة قواعد البيانات العلائقية RDBMS‏ 
Relational Data Base Management System‏ 


المخزن عليه قاعدة البيانات ويتحكم 
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الوحدة الأولي: أساسيات تصميم مواقع الويب 
الدرس الأول: مدخل معرفي للمشروع 
سوف نقوم بتصميم وإنشاء موقع "قاموس مصطلحات الكمبيوتر 
مفاهيم ومصطلحات أساسية 
البرامج المجانية :Free ware‏ 
هي البرامج ج التي يسمح أصحابها "صاحب حق الملكية الفكرية" بإستخدامها مقابل مادي 


المصور" بإستخدام 


أو إذن GS‏ ينم 
البرامج مفتوحة المصدر :Open Source Program‏ 
هي البرامج والتطبيقات التي يسمح لمستخدميها بالإطلاع علي الكود وتعديله حسب الحاجة 
صفحة الويب الثابتة Static web page‏ 
م هي صفحة معلومات علي الإنترنت امتدادها htm]‏ 
- وأرقام وفيديو وجداول وارتباطات 


ه تعرض كل أنواع البيانات "نصوص 


.لد Cll Gaus‏ علي مض اة pall‏ 48 ,ترس AS pate‏ 
صفحة الويب الدينامكية Dynamic web page‏ 
35 هي صفحة Gls sles‏ علي الإنترنت تكتب بلغة php‏ او ASP.NET‏ 
تعرضص كل أنواع البيانات "نصوص — وأرقام وفيديو وجداول وارتباطات 


يمكن إجراء المعالجات علي بعض محتوياتها وإرجاع قيمة أو عرض رسالة. 
تحتوي الصفحة علي كود ينفذ علي جهاز الخادم server‏ مثل ٠‏ 
تنفيذ اجراء معين Tel‏ علي مدخلات العميل مثل اسم المستخدم وكلمة المرور. 
احتواء الصفحة علي كود للتعامل مع قاعدة بيانات علي الخادم. 
لخادم Server‏ "له تعريفين" 
الأول: جهاز يتميز بمواصفات فنية عالية عن باقي أجهزة الشبكة. 


5 خادم الويب ee‏ الكمبيوتر ‘oad‏ عليه صفحات موقع الويب. 
= خادم الطابعة : جهاز الكمبيوتر المتصل بالطابعة. 


5 خادم البريد الإلكتروني : جهاز الكمبيوتر المخزن عليه رسائل البريد الإلكتروني. 


الوحدة الأولي: أساسيات تصميم مواقع الويب 
الدرس الثاني: تخطيط مشروع الموقع 
الهدف من المشروع هو تصميم وإنشاء موقع "قاموس مصطلحات الكمبيوتر المصور" 
باستخدام تطبيقات ولغات برمجية مجانية او مفتوحة المصدر. 
المهام المطلوب تنفيدها فى مشروع انشاء الموقع 
.١‏ تهيئة البيئة المناسبة لإنشاء الموقع. 
؟. إنشاء قاعدة بيانات لحفظ بيانات قاموس المصطلحات التي يتم إدخالها أو تعديلها 
عبر صفحات الموقع 
. تصميم الصفحة الرئيسية. 
. إضافة مصطلح باللغتين العربية والإنجليزية — التعريف للمصطلح — صورة 
المصطلح — حفظ صورة المصطلح في جدول قاعدة البيانات. 
. البحث عن مصطلح في جدول قاعدة البيانات . 
. تعديل بيانات مصطلح في جدول قاعدة البيانات. 
. حذف مصطلح من جدول قاعدة البيانات. 
. توفير المساعدة اللزمة حول كيفية التعامل مع الموقع. 
إجراءات اسا موقع الويب 


يحب شيط الاغدادات والتقنيات : 
.١‏ تحديد البرامج التي سوف نستخدمها في إنشاء المشروع وتذ ي الكمبد 
۲ ادر حط geese gel‏ على هار كور 
reg vas‏ 


¡. بمقابل "Host Gerver™ Gale‏ 
من خلال حجز موقع علي أحد أجهزة استضافة مواقع الويب. 
11. بدون مقابل مادي من خلال حجز موقع علي أحد أجهزة استضافة مواقع الويب 
المجانية. 
iii‏ نشر الموقع محلياً علي جهازك " "Local Host‏ (سوف نستخدم هذا الخيار) 
بدوره علي مجلدات فرعية كل مجلد فرعي يضم الملفات ذات النوع الواحد معا. 
أن تكون أسماء الملفات باللغة الإنجليزية ومختصرة ومعبرة عن محتواها. 
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5 - اضاقة بيانات جديدة Insert‏ - استعراض بيانات مخز Select4i‏ 
- تعديل البيانات. Update‏ - حذف البيانات. Delete‏ 


are 
1. Web applications package LAMP "Linux, Apache, 
MYSQL and PHP" 
2. Web applications package WAMP "Windows, 
Apache, MYSQL and PHP" 
3. Web applications package MAMP "Mac, Apache, 
MYSQL and PHP" 
4. Web applications package XAMPP "X-OS, 
Apache, MYSQL, PHP, Perl" 
لاحظ:‎ 
الفرق بين حزم تطبيقات الويب هو نظام التشغيل الذي تعمل‎ 
معةه.‎ 


الجلسة session‏ 
هي طريقة لتخزين معلومات عن زائر موقع الويب . 


الوحدة الثانية: متطلبات ومراحل إنتاج المشروع 
الدرس الأول: تصميم صفحات الموقع 
يمر مشروع إنتاج "قاموس مصطلحات الكمبيوتر" بعدة مراحل أساسية: 
١‏ مرحلة تصميم صفحات الموقع. 
؟. مرحلة إنشاء جداول قاعدة البيانات. 
LY‏ مرحلة إنشاء صفحات الموقع. 
لاحظ: JS:‏ مرحلة تحتاج إلي متطلبات معينة. 
* المرحلة الأولى ( مرحلة التصميم ) * 
.١‏ يتم فيها تحديد صفحات الويب » وأسمائها » ومحتواها » والغرض من كل صفحة . 
؟. وضع تصميم لمكونات صفحة الموقع الرئيسة والارتباطات التي تستخدم في التنقل 
بين صفحات الموقع والعودة مرة أخري إلي الصفحة الرئيسية. 
مخطط لصفحات الموقع 


WIREFRAME cing! إنشاء الخطط‎ 


= كل صفحات الموقع تحتوي علي التالي : 
-١‏ الصورة التي تظهر في بداية كل صفحة وتسمي Banner‏ وهي ثابتة 
- الارتباطات التشعبية Hyperlinks‏ التي تستخدم في التنقل بين صفحات 
الموقع ءوهذا يتطلب تكرار الكود سيتم فصلها في صفحة واحدة وذلك إضافة 
صفحة باسم Header.php‏ تحتوي علي الصورة Banner‏ والارتباطات 
التشعبية plaul Hyperlinks‏ الصفحات أو الخدمات التي يتيحها الموقع 
والتي سيتم استدعاتها في ياقي الصفحات. 
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د بر Apache Server a‏ لاختبار الموقع جهازك قبل نشره. 
ومن البرامج المستخدمة لهذا الغرض : 
برنامج Kampp‏ : من أفضل برامج إعداد جهاز الكمبيوتر Local Host‏ 
يتميز بالسهولة والقدرة علي التعامل مع قواعد البيانات MYSQL‏ 

ثانياً : تنفيذ مشروع الموقع: 
عاي Pesala‏ تتم يثلاث مراحل A‏ 


SER HT‏ ذلك من خلال أحد الخيارين التاليين: 
أ- استخدام لغة الترميز HTML‏ 
ب- استخدام برنامج أو تطبيق جاهز مثل تطبيق Expression web‏ 
الموقع الذي تقوم بإنشاؤه بإستخدام تطبيق / لغة HTML‏ يحتوي علي صفحات 
ويب ساكنة تضم أنواع كثيرة من البيانات والمعلومات. 
۳- مرحلة تحويل صفحة الويب الساكنة إلي صفحة ويب دينامكية: 
السماح لمستخدم معين بمعالجة محتويات صفحة الويب الساكنة وتعديل قاعدة البيانات 
المرتبطة بها وذلك بإستخدام إحدي لغات البرمجة مثل PHP‏ وكتابة الكود داخل الكود 
المكتوب بلغة HTML‏ 
4- عرض صفحات الموقع بإستخدام أحد مستعرضات الإنترنت: 
من أشهر مستعرضات الإنترنت Fire Fox — Google Chrome — Internet‏ 
Explore‏ 
لإنشاء مشرو cle‏ بموقع(قاموس فط rece a‏ كمبيوتر مصور) عليك التالي:- 
.١‏ إنشاء صفحات ساكنة بإستخدام تطبيق يمكن من خلاله عرض كود html‏ مثل 
تطبيق .Expression web‏ 
؟. معالجة محتويات الصفحات الموقع الساكنة لتصبح صفحات دينامكية وذلك 
بإضافة كود بلغة php‏ داخل كود chtml‏ 
". تشغيل برنامج Xampp‏ الذي يقوم بالتالي : 
1. تشغيل برنامج Apache‏ والذي يجعل الجهاز يعمل كخادم. 
Vii‏ تشغيل برنامج MYSQL‏ الذي يمكنك من التعامل مع قواعد البيانات. 


data Cusll alle 4d ani 
تعرض معلومات‎ About us 
عن الجهة المالكة للموقع وطرق‎ 
التواصل معها مثل أرقام‎ 
اله اق رعا مواقم التواصل‎ 
الإجتماعي.‎ 
1 لاحظ:‎ 
التصميم الجيد للموقع قبل البدء في إنشاءه يوفر الوقت والجهد ويساعد علي إنتاج‎ « 
يمكن إنشاء صفحات الويب الخاصة بالمشروع بإستخدام العديد من التطبيقات أو‎ " 
البرامج الجاهزة بسرعة وسهولة.‎ 


الوحدة الثانية: مراحل ومتطلبات إنتاج مشروع 
الدرس الثانى: إنشاء قواعد البيانات 
سبق وتعرفنا أن مشروع إنتاج "قاموس مصطلحات الكمبيوتر" يمر بعدة مراحل 
أساسية: 
- مرحلة تصميم صفحات الموقع. 
- مرحلة إنشاء جداول قاعدة البيانات. 
- مرحلة إنشاء صفحات الموقع. 
لاحظ: قبل البدء في إنشاء قاعدة البيانات نتعرف علي بعض مفاهيم قواعد البيانات. 
* قاعدة البيانات Database‏ * 
عبارة عن وعاء يخزن به مجموعة من البيانات المنظمة والمرتبطة بموضوع 
معين داخل جدول أو أكثر بغرض استرجاعها لاتخاذ القرارات. 
قاعدة البيانات العلائقية احد انواع قواعد البيانات التي تقسم البيانات بها في جداول 
مع تحديد العلاقات بين هذه الجداول. 
* قاعدة البيانات Database‏ * 
.١‏ الجدول (الملف) هو المكان الأساسي لقاعدة البيانات العلائقية ويتكون من سجلات 
9 وأعمدة Columns‏ أو حقول Fields‏ يخزن فيه مجموعة من البيانات 
المرتبطة بموضوع واحد. 
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ملاحظا 
هي صفحة البداية التي تظهر 
للمستخدم عند تحميل الموقع» 
والتي من خلالها يمكن الانتقال 
إلي باقي صفحات الموقع. 
لا تظهر هذه الصفحة للمستخدم 
وتم فصلها وتستدعي بسطر كود 
واحد يحقق الاتصال بقاعدة 
الانات فى بداية كل فة 
Suet 3.8 2‏ اعد 
البيانات بالكامل. 
هذه الصفحة تحتوي علي 
الأجزاء الثابتة التي نحتاج 
لعرضها في جميع صفحات 
الموقع لذا تم فصلها في صفحة 
مستقلة وتستدعي بسطر کی 
واحد في باية كل صفحة. 
إدخال مصطلح وإدخال جميع 
بياناته فى جدول المصطلحات 
بقاعدة البيانات. 
البحث عن مصطلح في جدول 
المصطلحات بقاعدة البيانات. 
عند إجراء تعديل بيانات مصطلح 
نختار المصطلح المراد تعديله ثم 


لاختيار مصطلح وحذفه. 


wal cg, 


LEE 
کے‎ 0 


erent 
الجدول التالى صفحات الموقع والغرض مد‎ 


اسم الصفحة 


تفعيل الإرتباطات التي من 
لا بن الاشفل بين 
ضفحات الموقة, 


u POX | mr oe 
البيانات يتم استدعائها قبل‎ 
التعامل مع البيانات.‎ 


إظهار صورة Banner‏ 
والإرتباطات التى شا 


لجميع صفحات الموقع حيث 
يتم استدعائها في بداية كل 
صفحة من صفحات الموقع. 


إدخال مصطلح في قاعدة 


البيانات. 


Gol‏ عن مصطلح في 
قاعدة البيانات. 

تعديل بيانات مصطلح في 
جدول المصطلحات بقاعدة 
البيانات. 

حذف بيانات مصطلح ost‏ 
ف خرن CHET We‏ 
بقاعدة البيانات. 


صفحة الاتصال 
بقاعدة البيانات 


هي علاقة تربط بين جدولين عن طريق ربط سجل واحد فقط في الجدول الأول بسجل 
aay‏ 
sat‏ يكونا بنفس الاسم أو نفس ترتيب النجلات في الجدرلين. 
Lis! ٠‏ خاصية No Duplicate> index‏ بمعني أن الحقل لا يقبل تكرار 
البيانات. 
يوجد شكلين من علاقة رأس برأس: 
أ- ربط حقلين مفتاح أساسي في الجدولين. 
ب- ربط حقل مفتاح أساسي في الجدول الأول مع حقل أجنبي في الجدول 
؟- النوع الثاني : علاقة رأس بأطراف One to Many‏ 
هي علاقة تربط بين جدولين بحيث يمكن أن يرتبط سجل في الجدول الأول بعديد من 
السجلات يا الثاني والعكس غير صحيح. 
5 ۳- النوع الثالث : علاقة أطراف بأطراف Many to Many‏ 
هي علاقة تربط بين جدولين بحيث يمكن أن: 
أ- يرتبط سجل في الجدول الأول بعديد من السجلات في الجدول الثاني. 
ب يربط سجل في الجدول الثاني بعديد من السجلات في الجدول الأول. 


* إنشاء قاعدة البيانات من خلال كود البرمجة * 
استخدام لغة البرمجة SQL‏ في PHP‏ في كتابة الكود التالي: 


اسم قاعدة البيانات 
Create Database "DB — TEST":‏ 


[ 556 


Create Table " Table Test": 


كود إنشاء قاعدة البيانات 


Lily ول‎ lai} كوى‎ 


1 اسم الحقل mA‏ وحجمه [ 
كود إنشاء حقل جدول بيانات : )15( Coll — Name varchar‏ 
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أحمد جا 


o, Vee) 


* السجلات Records‏ * 
ee ee .‏ حل بجو ردت الخاصة بشخص 
الميلاد + حقل النوع + حقل الجنسية eT‏ 
* الحقول Fields‏ * _ 
« الحقل هو الوحدة الأساسية التي يتكون منها الجدول ( العمود في الجدول يمثل حقل). 
# الحقل يخزن به بيان واحد فقط من بيانات السجل. مثل (حقل اسم الطالب فقط + حقل 
الميلاد فقط + حقل النوع فقط + حقل الجنسية فقط 
كل حقل له خصائص عديدة: 
Field naneلقحئا‎ au! =‏ 
= نوع Field Typedsl‏ 
8 حجم الحقلعج51 Field‏ 
لاحظ: يمكن إنشاء قاعدة بيانات تحتوي علي جدول واحد فقط به جميع الحقول 
اللازمة وفي هذه الحالة هذا الجدول يسمي Flat Table‏ 
ويفضل الببتخدام el Relational Database aoe = a=‏ تحتوي 
إدخال البيانات أو تكرار الحقول. 
* لإجراء عملية الربط بين جداول قاعدة البيانات بنجا 
ه تعين حقل مفتاح أساسي (Primary Key)‏ لكل oe Ree ae‏ 
-١‏ اختار أحد حقول الجداول ليكون هو حقل المفتاح الأساسي مثلا " حقل ا 
١‏ - إضافة حقل جديد يتم تعينه " حقل مفتاح أساسي" للجدول. 
لاحظ: الحقل الذي يمكن تكرار بياناته لا يصلح أن يكون حقل مفتاح أساسي. 
* أنواع العلاقات في قواعد البيانات: 
١‏ النوع الأول : علاقة رأس برأس One to One‏ 


: إنشاء صفحات الموقع كالتالي‎ Y 
Add_term.php تطبيقات نظم إدارة قواعد البيانات * صفحة إدخال مصطلح‎ aaj *استخدام‎ 
Search_term.php صفحة البحث عن مصطلح‎ MYSQL — MS Access - Oracle : مثل‎ 
Edit_term.php في خطوات إنشاء قاعدة بيانات المشروع للأسباب التالية: صفحة تعديل بيانات مصطلح‎ 501 
Del_term.php صفحة حذف مصطلح‎ i eer 
Help.php صفحة المساعدة‎ 1 ١ 0 
Connection php صفحة الإتصال يقاعدة البيانات‎ J ١ = 
“gk و‎ Header php صفحة‎ #* aso Secale 
تظهر أعلي كل صفحات الموقع.‎ ll تستخدمها أكبر الشركات والمؤسسات العالمية المتخصصة في مجال تكنولوجيا | 1. صورة العع رمه‎ -4 
تحتوي علي الروابط بجميع صفحات الموقع.‎ IT Google — Yahoo — Friendstar : المعلومات مثل‎ 
التطبيقات المستخدمة في نظم إدارة قواعد البيانات تتضمن كائنات أساسية منها: | 111. تحتوي علي الجزء المخصص للتحقق من تسجيل دخول المستخدم علي الموقع.‎ 
تتضمن روابط الإنتقال إلي باقي صفحات‎ Index.php وتعديلها أ * الصفحة الرئيسية‎ Led تحتوي علي سجلات وحقول يتم إدخالها البيانات‎ : Tables الجداول‎ 
وعرضها وتخزينها لإسترجاعها عند الحاجة. الموقع.‎ 
عبارة عن اسئلة (استفهامات) وتستخدم للإستعلام عن‎ : Queries الاستعلامات‎ 
Connection.php البيادات في صفحة‎ eels بيانات محددة وتستخدم أيضا لعرض بعض حقول من جدول بيانات أو عرضها بعض " تم فصن كود الربط‎ 
Header.php علي شرط معين. ه تم فصل البيانات المشتركة في كل صفحات الموقع في صفحة بإسم‎ Vols سجلات من جدول أو أكثر أو تعديل بيانات‎ 
Index.php gS sell يمكن التنقل بين صفحات الموقع من خلال الصفحة الرئيسية‎ « 


الوحدة الثالثة: إنشاء صفحات الموقع يمنح صلاحية تعديل بيانات مصطلح أو حذفه من الموقع للمستخدم الذي يقوم بتسجيل 
الدرس الأول: لغة PHP & HTML‏ وتطبيقات تصميم موقع الويب 5 es‏ 
« يجب Yui‏ تنظيم الملفات التي سيتم عرضها علي صفحات الموقع في مجلد واحد أهم المعلومات والمهارات الأساسية في لغة HTML‏ 
= تثبیت برنامج Xampp‏ داخل مجلد باسم Xampp‏ علي C:‏ والذي يحتوي علي ee‏ 9 
مجموعة من المجلدات منها alas‏ باسم Htdoes‏ . سے لغة الترميز HTML‏ هي إختصار 
يجب إنشاء مجلد للمشروع باسم Dictionary‏ داخل المجلد Htdocs‏ ليصبح 
المسار كما يلي : 


C:/Xampp/htdocs/dictionar 
Jhtm - shtml] وهو المسار الذي نستخدمه لحفظ جميع الصفحات ومجلدات الموقع الفرعية فهو > لغة تكويد تستخدم في إنشاء صفحة ويب ثابتة تحفظ بإمتداد‎ 
ويمكن عرضها وترجمة الكود الخاص بها من خلال برامج مستعرضات الإنترنت.‎ localhost بمتابه نشر للموقع علي السيرفر‎ 


= 5 hates i م‎ “He. ١ 
Word - بإستخدام أحد برامج معالجة النصوص‎ HTML اجراءات إعداد ملفات ومجلدات المشروع: سي يمكن كتابة كود‎ > 


.Notepad WordPad 5 : ee tees aT aes 5‏ 
.١‏ إنشاء موقع للمشروع بإستخدام تطبيق Expression Web‏ وحفظه علي جهاز a‏ ال ل لله عا ae‏ 


بحروف كبيرة أو صغيرة ولكن يكتب وفق بنية محددة. 
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خصائص لغة SHTML‏ حفظ كود HTML‏ في ملف: 
x‏ الأوامر في لغة .1117411 تكتب داخل العلامتين < > . * يحفظ ملف الكود بأي أسم بشرط الإمتداد htm‏ 
مك لذو اسن لها يداية ج جر دياية عو ات * يفضل إستخدام برنامج Notepad‏ في كتابة الكود لإنه يحفظ الملف بإمتداد “txt‏ 
e > Tag >‏ 
*# بمجرد حفظ الملف يأخذ Call)‏ رمز مستعرض الإنترنت الموجود علي جهازك. 
النص الذي سيؤثر عليه الأمر da gs‏ العنية مين التطبيقات eal pally‏ الجافؤة (Sas‏ هاما وتنام ساظعة ويب 
Tag >‏ / > ادرک وا بدا يعن که أكواد -HTML‏ 
1 تطبيق Expression Web‏ بواجهة تطبيق سهلة وبسيطة. 
كل الأوامر تكتب من اليسار إلي اليمين. «ه فتح وتحميل البرنامج: 
لكل Tag‏ عمل معين يقوم به. يتم فتح البرنامج من خلال تتبع الخطوات التالية: 
بعض ال Tags‏ ليس لها .١ <BR> cis SE!‏ فتح قائمة Start‏ 
يبدأ الكود ب <HTML>‏ وينتهي ب HTML>‏ /< ؟. اختيار All Programs‏ 
.Y‏ اختيار Microsoft Expression‏ 
؟- ûl‏ أن HTML wo‏ ¢. ثم اختيار Microsoft Expression Web‏ 


:)(Expression Web) الخاصية نوضع بين 5 1 *» مكونات النافذة الافتتاحية لبرنامج‎ and | الخصانص‎ wil 


بعد فتح وتحميل البرنامج تظهر النافذة الخاصة به أمامنا وإليك 
Made‏ خاصة بكثاءة rtl «ltr‏ مكوناتها الأساسية:- 
<body>‏ | مضرى Bgcolor | isi)‏ لون لخلفية الصفحة. .١ <html>‏ شريط Menu barei\ sill‏ 
Background‏ | صورة لخلفية الصفحة . نافذة قائمة المجلدات Folder List‏ 
Size‏ أ رقم لحجم خط النص من خاصة 1 
رقم لدج کد لسن من !ا ١‏ . نافذة الخصائص Tag properties‏ 
dati | <Font>‏ الخطوط | Color‏ لون خط <head> yall‏ مكونات قع الو P css‏ 
Face‏ نوع خط النص ee a‏ بده eb s1‏ 
a . ۴ Right-left-middle-bottom-top | Align‏ صندوق الادوات Toolbox‏ 
شرس Se‏ اسم ملف الصورة. ين 5. sau‏ أنماط التطبيق Apply Style‏ 
ف | “eee‏ ا انشاء صفحة 140۸.11 لموقع المشروع : يوجد أجزاء مشتركة (مكررة) في جميع الصفحات الموقع وهي الصورة banner‏ و 
س = ال 0 “e‏ كلمات الارتبطات التشعبية (رئيسية - ادخال مصطلح - بحث عن مصطلح - تعديل مصطلح - حذف مصطلح - المساعدة ) ومن أجل تجنب تكرار 
<bgsound>‏ سا اه جد 2 1 لقلا 0 كتابة أكوادها فى كل الصفحات al gall‏ ثم فصلها فى صفحة مستقلة نسمى صفحة رأس الصفحات المودٌ ; Laud‏ هذه الصفحة 
<embed>‏ | ضايبو | 906 اممف اليبو A‏ ووو ee a‏ 


>| شاه رط تشي لقان لمرد لإتقلالية_ | | <> | طم لي تين Os‏ الصورة Samer‏ مقع لمك ارت ae‏ بلص ال | (asd Tl‏ 
استدعاء صفحه header.php‏ بكود php‏ في بدابه كل صفحة من صفحات الموقع بداله تضمين 


<?php Pr كما يلي‎ include 
include ("header.php"); 
?> 


المصاحية | علامنس تتصيص" 


<img> 


oe 

ê‏ بينما السلسلة الحرفية بين علامتي التنصيص المفردةفانها تطبعها مثل كود الثاني 
کے 
إنشاء صفحه الإتصال بقاعدة البيانات Connection.php‏ ناتج الكود الاول علي المتصفح <| $name = "Mohamad": ID My name is Mohamad‏ 


عند إنشاء صفحة الإتصال بقواعد البيانات نحتاج إلي التعامل مع التالي: ناتج الكود الثاني علي Chill‏ > | 75021550006 ال ا ا 
= إلساء : ل بقو = 3 إلي مل مع لي: = ني علي 5 = echo 'my name is $name’;‏ 


المتغيرات VARIABLES‏ :_وهي عبارة عن أماكن محجوزة بذاكرة الكمبيوتر يخزن بداخلها قيم يمكن أن تتغير أثناء و سير البرنامج و et wa ee 5 a 25 eye Bose anol EY ae ee‏ 
تبدأ بعلامة $ (اس دولار ). ولادخال قيمة المتغير نستخدم معامل التخصيص )=( و معناه تعبئة متغير بالقيمة وليس معناه يساوي اطلاقا a ror‏ حي 0 كبيرة أو صغيرة « ولكن الصيغه التاليه تجعل 
الثابت عير حساس الأحرف : 


-١‏ أن يبدأ اسم المتغير بحرف أو علامة ( _ ) الشرطة السفلي 


يمكن أن يتكون اسم المتغير من حروف و أرقام و علامة ( _ ) e‏ 

يفضل أن يعبر اسم المتغير عن محنواه e‏ 

لا يمكن أن يحتوي اسم المتغير علي مسافات اطلاقا ae‏ “ : ملظ Pe‏ 

الا يحتوي الاسم علي الرموز و العلامات الخاصة مثل (+ ^ * ؟ ........الخ ) 0 الدالة () ne me eek‏ 

‘Constant Name‏ تشير | تابت. 
بعض أسماء المتغيرات الصحيحة : أمثلة Aan 7 5 000 ak Sfirst_name $_name_ S$FirstName S$name5‏ 8 لثانت e‏ قم“ 
6 تمثل القيمة المخصصة للثابت. ونفصل ب )6( بين اسم ١‏ بت وقيمته. 

بعض أسماء المتغيرات الغير الصحيحة: مئل Sfirst.name $-name  $FirstName $5name‏ يتم الإعلان عن الثابت بدون علامة $ 


وو وو |e) La‏ مط علد | [ بوش نستخدم (.) في سطر الكود لربط سلسلتين حرفيتين. 


۳ ab 


سه حرفي مش ے [eer] rode‏ سه grace‏ هم 123 ينتهي كل سطر في لغة PHP‏ بفاصلة منقوطة (6 
1 0 الكود ec10)“‏ يستخدم باعة المحتوي علي صفحة المستعرض. 

س عدد عشري > 1.23 | boolean‏ < منطقي > eءاھ؟‏ / true‏ لكتابة تعليق أو ملاحظة dale‏ كود php‏ لابد أن يسبقه علامة ارا أما فى حالة 

الثوابت CONSTANT‏ هي عبارة عن أماكن محجوزة بذاكرة الكمبيوتر تخزن بداخلها قيم لا يمكن أن تتغير أثناء سير تنفيذ كتابة اله لية علي أكثر من ل رت "Wp "a‏ وفي نهاية الت ar ai Ca!‏ 


البرنامج و تبدأ بالكلمة define‏ 5 1 
اعلامة بالمقلوب " /* " 


define(‘name’,"Mohamad’); at we TC 4.31 ٠ ga RES 
© © © © © © © © © © © © © © © © © © © © © © © © © © © © © © © cal فم جا‎ llc مثال ذلك‎ define( القيمة و اسم الثابت‎ (; PHP الصيغه الثابت فى‎ 
٣ 


My name is :Mohamad 


اكتب التعليق 


ملحوظة )1( أسماء المتغيرات أو الثوابت حساسة لحروف كبيرة أو صغيرة . مثال Shoda‏ ليس هو $Hoda‏ 


+ 
ج 


ملحوظة (؟) لربط بين سلاسل الحرفية أو المتغيرات نستخدم نقطة (.) مثال Shoda.$noor‏ © © هه هه ههه هه ههه ههه هه هه هه ههه هوه وده 


بتَحَوظة 717 السلسلة الحرفية بين علامتي التنصيص المزدوجة تقوم باستبدال المتغيرات بقيمتها مثل كود الاول الوحدة الثالثة: إنشاء صفحات الموقع 
الدرس الثاني: المعاملات والجمل الشرطية في لغة PHP‏ 


> المعاملات Operators‏ 
يوجد ثلاث أنواع من المعاملات في لغة PHP‏ وهي: 
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IF Condition (معاملات حسابية) > جملة الشرط‎ .١ 

؟. (معاملات مقارنة) - تستخدم في وضع شرط معين واختباره فإذا كان ناتج الشرط صحيحآا True‏ يقوم 

1 : البرنامج بتنفيذ كود معين وإذا كان الشرط خطأ False‏ يقوم البرنامج بتنفيذ كود آخر. 
". (معاملات منطقية) أبسط صورة لجملة (دالة) if‏ في لغة sphp‏ 

¥ (معاملات حسابية ) :- 


: } الكود المراد تتقيذه إذا كان ناتج الشرط صحيحا! 
في هذه الحالة يتم فقط تتقيذ الكود بين القوسين إذا تحقق الشرط: 


> جملة Switch‏ 
تستخدم في لغة PHP‏ في حالة وجود أكثر من شرطين. 
يمكن من خلالها اختبار عدة شروط وفي كل مرة يتحقق فيها شرط ما ينفذ كود معين. 
> استخدام | Exit‏ 
يستخدم أمر Exit‏ للخروج من جملة Switch‏ دون تنفيذ أي شئ. 
الوحدة الثالثة: إنشاء صفحات الموقع 
الدرس الثالث: صفحة إدخال 
¥ ( معاملات مقارذة ) :- | بإستخدام تطبيق Expression Web‏ يمكن إنشاء صفحة (إدخال مصطلح) بالتصميم 


| ادخال مصطلح للقاموس‎ (CAxampp\htdocs\Dictior E lel ma | 5| < | ات‎ e 


|jadd_term.php 
Imultipart/form-date me Result True Result 
post 


ai‏ الطرقين 
صحيح 


آحد الطرقينتن 
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" الكود التالى لإختبارهل اسم ملف الصورة غير محدد »يتم تحميل ملف الصورة من مجلد Pic‏ : 


if (!empty($file)) { move_uploaded_file($tmp,'up/’.$file); } 


- $trans - $defe - $picture $term 
الكود التالى لإظهاررسالة (تم إضافة البيانات بنجاح) في حالة إدخال البيانات في جدول قاعدة‎ " 
البيانات والا تظهر رسالة (لم يتم إضافة البيانات)‎ 


if (Squery) 


:"تم إضافة البيانات ="$dataresClay‏ 

echo(''<label id='"Labell' style='color: 
#FF0000;font-size: x-large;'> $datares</label> 
")5 

j 


else 


="$datares@Ull) :"لم يتم إضافة‎ 
echo("<label id='Labell' style="color: 
#FF0000;font-size: x-large;'> $datares 
</label> "); 
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oe 
Aes 
ae 
Add _ Term . PHP_clbuas خطوات إنشاء صفحة إدخال‎ 
على الصفحة‎ Toolbox تصميم واجهة صفحة إدخال مصطلح بادراج النموذج وعناصر التحكم من صندوق الأدوات‎ (1) 
التأكد من إضافة المصطلح إلى قاعدة البيانات‎ )٤( تنفيذ صفحة إدخال مصطلح‎ (1) 


من خلال إحدى التطبيقات المستخدمة في إنشاء صفحات الويب مثل Expression Web‏ يمكن إنشاء صفحة إدخال مصطلح وحفظها على مجلد 
الموقع على جهازك 


النموذج ۴0۲۳ يستخدم لتمرير أو إرسال كافة بيانات النموذج الموجودة في عناصر التحكم من مستعرض الويب إلى الخلدم Web Server‏ 
ويوجد طريقتين لإرسال بيانات النموذج ٠ <Form Method="POST’> ٠ <Form Method='GET>;Lad.y‏ 
القيمة Post‏ القيمة Get‏ 
. لاتظهرالبياناتالمرسلة في URL‏ عنوان الصفحة. ‏ تظهرالبياناتالمرسلة في URL‏ عنوان الصفحة. 
تستخدم فى إرسال كامات سر أو بيانات‌هامة. لاتستخدمضى إرسال كامات سر أو بيانات هامة. 
الحد الأقصى للبيانات المستخدمة تصل إلى SMB‏ الحد الأقصى للبياناتالمستخدمة تصل إلى ۷٠٠۷‏ 


(۲) كتابة كود 


$query=mysql_ eget into ونش‎ values (','$term’, ‘$trans', '$defe'’, — 


Variable ysis Function دالة‎ eens الفيم المدخلة الجدول‎ 


* كود إنشاء عنصرإدخال على نافذة مستعرض الإنترنت: 


<input name = ‘text_term' type = ‘text’ style = ‘width : 482px'> 


* كود رفع صورعلى ال Server‏ : 
[name’];‏ 1" 111 "زدىط2 ااع_5 - 2 25111© 


@$tmp=$_FILES[File1"] [tmp_name’]; 


